<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Shredders</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" type="text/css" href="{{ constant('DOMAIN') }}/css/style.css">
<link rel="stylesheet" type="text/css" href="{{ constant('DOMAIN') }}/css/font-awesome/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="{{ constant('DOMAIN') }}/css/sky-mega-menu.css">
</head>
<body>
	<div style="margin-left: auto;">
		<ul id="menu">
			<li class="logo"><img style="float: left;" alt="" src="{{ constant('DOMAIN') }}/images/vimeo/menu_left.png" /></li>
			<li><a href="{{ constant('DOMAIN') }}/login">Login</a></li>
			<li><a href="{{ constant('DOMAIN') }}/register">Register</a></li>
			<li><a href="{{ constant('DOMAIN') }}/search">Search</a></li>
			<li class="searchContainer">
				<div>
					<input type="text" id="searchField" /> <img src="{{ constant('DOMAIN') }}/images/vimeo/magnifier.png" alt="Search" onclick="alert('You clicked on search button')" />
				</div>
			</li>
		</ul>
		<img style="float: left;" alt="" src="{{ constant('DOMAIN') }}/images/vimeo/menu_right.png" />
	</div>

	<div style="float: none; clear: both;"></div>


	<div>&nbsp;</div>

	<table class="layout">
		<tr>
			<td class="left">
				<div class="body">
					<aside>

						<!-- mega menu -->
						<ul class="sky-mega-menu sky-mega-menu-pos-left sky-mega-menu-response-to-icons sky-mega-menu-anim-scale">
							<li><a href="{{ constant('DOMAIN') }}/"><i class="fa fa-home"></i>&nbsp;</a></li>
							<li><a href="{{ constant('DOMAIN') }}/about"><i class="fa fa-star"></i>About our Programme</a></li>
							<li><a href="{{ constant('DOMAIN') }}/help"><i class="fa fa-question-circle"></i>Crisis help</a></li>
							<li><a href="{{ constant('DOMAIN') }}/edu"><i class="fa fa-flask"></i>Education & training</a></li>
							<li><a href="{{ constant('DOMAIN') }}/interests"><i class="fa fa-trophy"></i>Interests</a></li>
							<li><a href="{{ constant('DOMAIN') }}/media"><i class="fa fa-play-circle"></i>Media</a></li>
							<li><a href="{{ constant('DOMAIN') }}/motivation"><i class="fa fa-hand-o-left"></i>Motivational & inspirational</a></li>
							<li><a href="{{ constant('DOMAIN') }}/news"><i class="fa fa-file-text-o"></i>Nutrition News</a></li>
							<li><a href="{{ constant('DOMAIN') }}/partners"><i class="fa fa-user"></i>Our Partners</a></li>
							<li><a href="{{ constant('DOMAIN') }}/what"><i class="fa fa-comments-o"></i>What’s on</a></li>
						</ul>
						<!--/ mega menu -->

					</aside>
				</div>
			</td>

			<td class="right">{% block contentContainer %}
				<div class="content">
					<div class="content-block paginated">
						<h3 class="date">{{ now|date('d F y') }}</h3>
						{% block content %}{% endblock %}
					</div>
				</div> {% endblock %}
			</td>
		</tr>

	</table>
	
	<div>&nbsp;</div>
	<div>&nbsp;</div>
	<div>&nbsp;</div>
	<div>&nbsp;</div>
	<div>&nbsp;</div>

	<footer>
		<div class="inner">
			<nav class="footer-nav">
				<ul>
					<li><a href="{{ constant('DOMAIN') }}/account" class="foot">My Account</a></li>
					<li><a href="{{ constant('DOMAIN') }}/about" class="foot">About Us</a></li>
					<li><a href="{{ constant('DOMAIN') }}/vision" class="foot">Vision</a></li>
					<li><a href="{{ constant('DOMAIN') }}/mission" class="foot">Mission</a></li>
					<li><a href="{{ constant('DOMAIN') }}/join" class="foot">Join Us</a></li>
					<li><a href="{{ constant('DOMAIN') }}/partners" class="foot">Our Partners</a></li>
					<li><a href="{{ constant('DOMAIN') }}/terms" class="foot">Terms & Conditions</a></li>
					<li><a href="{{ constant('DOMAIN') }}/contact" class="foot">Contact us</a></li>
				</ul>
			</nav>
			<div class="copyright">
				@ 2014 copyright reserved by Grendon Boynton.
			</div>
		</div>
	</footer>
</body>

</html>